<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<c:set var="currentMenu" value="home" />
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<title>JK Holdings</title>
<script src="/js/jquery-1.6.4.js"></script>
<link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
	$('#loginButton').click(function(){
		$('#loginForm').submit();
	});
});
</script>
</head>
<body id="top">
	<!-- 공통 헤더 시작 -->
	<%@ include file="/WEB-INF/head.jsp" %>
	<!-- 공통 헤더 끝 -->
	
	<!-- 메인 네비게이션 시작  -->
	<%@ include file="/WEB-INF/navigation.jsp" %>
	<!-- 메인 네비게이션 끝  -->

	<div id="content-wrapper">
		<div class="center-wrapper">

			<div class="content" id="content-two-columns">

				<div id="main-wrapper">
					<div id="main">

						<h1>LOGIN</h1>
						<div class="content_separator"></div>
						<div class="error">로그인 실패 시에 에러 메시지를 보여줄 영역</div>
						<div class="content_separator"></div>
						<div>
							<div style="float: left;">
							<form id="loginForm" action="/login.do" method="post">
								<table style="border: 1px solid black; width: 400px;" align="center">
									<tr>
										<th>아이디</th>
										<td><input type="text" name="userId" id="userId" style="border: 1px solid black;"/></td>
									</tr>
									<tr>
										<th>비밀번호</th>
										<td><input type="password" name="passWord" id="passWord" style="border: 1px solid black;"/></td>
									</tr>
								</table>
							</form>
							</div>
							<div style="float: left; vertical-align: middle; margin-top: 5px; margin-left: 5px;">
								<button type="button" class="login" id="loginButton" title="로그인버튼"><span>로그인</span></button>
							</div>
						</div>
					</div>
				</div>

				<div id="sidebar-wrapper">
					<div id="sidebar">

						<!-- 카테고리 box 시작 -->
						<%@ include file="/WEB-INF/category.jsp" %>
						<!-- 카테고리 box 끝 -->

						<div class="box nobborder">

							<div class="box-title">About</div>

							<div class="box-content">
								<p>뭔가 About 설명이 들어가야할 영역</p>
							</div>

						</div>

					</div>
				</div>

				<div class="clearer">&nbsp;</div>

			</div>

		</div>
	</div>

	<!-- bottom 시작 -->
	<%@ include file="/WEB-INF/bottom.jsp" %>
	<!-- bottom 끝 -->

</body>
</html>